<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tui</title>
    <!--全局重置-->
    <link rel="stylesheet" href="../../src/css/reset.css">
    <!--代码高亮样式-->
    <link rel="stylesheet" href="../../lib/highlight/styles/default.css">
    <!--字体图标-->
    <link rel="stylesheet" href="../../lib/font-awesome/css/font-awesome.min.css">
    <!--页面样式-->
    <link rel="stylesheet" href="../../src/css/style.css">
    <!--tui样式-->
    <link rel="stylesheet" href="../../src/css/tui.css">
</head>
<body>
<!--导航-->
<div class="side-bar">
    <h1 class="logo">
        <i class="fa fa-cubes"></i>
        T-UI
    </h1>
    <ul>
        <li>
            <a href="../../index.html">开始</a>
        </li>
        <li>
            <a href="../layout/layout.html">布局</a>
        </li>
        <li>
            <a class="active" href="javascript:void(0)">组件</a>
        </li>
        <li>
            <a href="../interactive/interactive.html">交互</a>
        </li>
        <li>
            <a href="../chart/chart.html">图表</a>
        </li>
        <li>
            <a href="../map/map.html">地图</a>
        </li>
    </ul>
</div>
<!--页面子导航-->
<div class="sub-side-bar">
    <ul class="level-1">
        <li>
            <a href="#component_1">xx</a>
            <ul class="level-2">
                <li>
                    <a href="#component_1_1">xxx</a>
                </li>
                <li>
                    <a href="#component_1_2">xxx</a>
                </li>
                <li>
                    <a href="#component_1_3">xxx</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#component_2">xx</a>
        </li>
        <li>
            <a href="#component_3">xx</a>
        </li>
        <li>
            <a href="#component_4">xx</a>
        </li>
    </ul>
</div>
<div class="content">
    <!--当前页面文档内容-->
    <div class="content-item">

    </div>
</div>
</body>
</html>
<!--jquery-->
<script src="../../src/js/jquery.min.js"></script>
<!--代码高亮方法-->
<script src="../../lib/highlight/highlight.pack.js"></script>
<!--代码高亮初始化-->
<script>hljs.initHighlightingOnLoad();</script>
<!--页面脚本-->
<script src="../../src/js/index.js"></script>
<!--tui脚本-->
<script src="../../src/js/tui.js"></script>